html,
body {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
  margin: 0;

  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    // background-color: #c0c0c0;
  }

  &::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #c0c0c0;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

.box {
  .file-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    margin-top: 30px;
  }

  .el-upload {
    display: flex;
  }

  .updata-text {
    margin-right: 10px;
    font-size: 16px;
    // height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .el-header {
    display: flex;
    height: 40px !important;
  }

  .el-select {
    margin-right: 15px;
  }
}

.box-table {
  margin-top: 30px;

  .el-table {
    &::before {
      height: 0;
      background: transparent;
    }
  }

  .el-table__body-wrapper {
    // height: 500px !important;

    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      // background-color: #c0c0c0;
    }

    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      background-color: transparent;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 4px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #c0c0c0;
      margin-top: 8px;
      margin-bottom: 8px;
    }

  }
}